



<template>
  <el-form>
    <el-form-item label="行李箱">
      <el-input style="width: 400px" v-model="form.luggage"></el-input>
    </el-form-item>
  </el-form>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">搜索</el-button>
  </el-form-item>

  <!-- 数据表 -->
  <el-table
    ref="singleTable"
    :data="tableData"
    highlight-current-row
    style="width: 100%"
  >
    <el-table-column property="dfltCfno" label="飞机号" width="100">
    </el-table-column>
    <el-table-column property="dfltFlno" label="航班号" width="100">
    </el-table-column>
    <el-table-column property="dfltAwcd" label="航空公司" width="100">
    </el-table-column>
    <el-table-column property="apcd" label="航线" width="150">
    </el-table-column>
    <el-table-column property="dtime" label="日期" width="200">
    </el-table-column>
    <el-table-column property="fptt" label="计划起飞时间" width="220">
    </el-table-column>
    <el-table-column property="fplt" label="预计降落时间" width="220">
    </el-table-column>
  </el-table>

  <!-- 分页组件 -->
  <el-pagination
    background
    layout="prev, pager, next"
    :total="count"
    :current-page="page"
    :pageCount="pageCount"
    @current-change="changePage"
  >
  </el-pagination>
</template>
    
    <script>
export default {
  name: "luggage",
  data() {
    return {
      formLabelWidth: "120px", //表单文本宽度
      tableData: [{}], //图书分页数据
      count: 0, //记录总数
      page: 1, //当前页码
      pageCount: "", //总页数
};
</script>
    
    <style scoped>
</style>